<template>
  <div class="inquire">
  
    <div class="top">搜索到n条用户信息</div>
        <div class="box">
         <div><input type="text" placeholder="研发部"></div>
     <div><el-dropdown  split-button type="primary" size="small" @click="handleClick">
          部门名称
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item>用户编号</el-dropdown-item>
              <el-dropdown-item>员工姓名</el-dropdown-item>
              <el-dropdown-item>管理员分类</el-dropdown-item>
              <el-dropdown-item>部门名称</el-dropdown-item>
              <el-dropdown-item>创建日期</el-dropdown-item>
              <el-dropdown-item>更新日期</el-dropdown-item>
              <el-dropdown-item>授权状态</el-dropdown-item>
              <el-dropdown-item>职位名称</el-dropdown-item>
              <el-dropdown-item>职务级别</el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown></div>
    <button>查询</button>
    </div>
 
  <el-table :data="tableData" height="420" border style="width: 100%">
      <el-table-column prop="id" label="编号" width="100" />
      <el-table-column prop="name" label="用户名" width="120" />
      <el-table-column prop="Administrator" label="管理员分类" />
      <el-table-column prop="name" label="员工姓名" width="150" />
      <el-table-column prop="branch" label="部门名称" />
      <el-table-column prop="date" label="创建日期" width="150" />
      <el-table-column prop="state" label="授权状态" />
      <el-table-column prop="address" label="操作" width="150">
        <template #default="scope">
          <el-button
            link
            type="primary"
            size="small"
            @click.prevent="editRow(scope.row)"
            >编辑</el-button
          >
          <el-button
            link
            type="primary"
            size="small"
            @click.prevent="deleteRow(scope.row)"
            >删除</el-button
          >
          <el-button
            link
            type="primary"
            size="small"
            @click.prevent="check(scope.row)"
            >查看</el-button
          >
        </template>
      </el-table-column>
    </el-table>

  </div>
</template>

<script setup>

</script>

<style scoped>
.top{
     font-size: 20px;
  margin-bottom: 30px;
  margin-left: 400px;
}
.box{
display: flex;
}
</style>